<template>
    <el-menu
            default-active="2"
            class="el-menu-vertical-demo"
            @open="handleOpen"
            @close="handleClose"
            text-color="#303133"
            unique-opened
            router
    >
        <el-menu-item index="2" text-color="#303133">
                        <el-icon><i class="iconfont icon-user"/></el-icon>
                        <span>首页</span>
        </el-menu-item>
        <el-sub-menu index="1">

                        <template #title>
                            <el-icon><i class="iconfont icon-index"/></el-icon>
                            <span>系统管理</span>
                        </template>

                        <el-menu-item index="1-1">
                            <template #title>用户管理</template>
                        </el-menu-item>
                        <el-menu-item index="/building">
                            <template #title>楼宇管理</template>
                        </el-menu-item>
        </el-sub-menu>


    </el-menu>
</template>

<script>
export default {

}
</script>

<style scoped>
.el-menu-item.is-active {
    color: #303133;
}
</style>
